$(function(){

  var pageApp = {
    init: function () {
      this.$resultBox = $('.result-box');
      this.$loading = $('.loading');

      this.initDatePlug();
      this.getpageData();
      this.bind();
    },
    bind: function () {
      this.$resultBox.on('click', '#search', $.proxy(this.getpageData, this));
      this.$resultBox.on('click', '.fa-square, .fa-check-square', $.proxy(this.checkboxChange, this));
    },
    //勾选框点选
    checkboxChange: function (e) {
      var $this = $(e.currentTarget);
      $this.toggleClass('fa-square').toggleClass('fa-check-square');
    },
    // 初始化时间插件
    initDatePlug : function() {
      $("#begT").datepicker({
        defaultDate : '',
        changeMonth : true,
        changeYear : true,
        autoclose: true,
        format: "yyyy-mm-dd",
        language: "zh-CN"
      });
    },
    //获取页面数据
    getpageData: function() {
      var data = [
        {
          '产品名称': '招商财富资产理财产品',
          '产品类型': '固定收益',
          '期限': '3个月',
          '规模': '1亿',
          '风险等级': 'R2'
        },
        {
          '产品名称': '招商财富资产理财产品',
          '产品类型': '固定收益',
          '期限': '3个月',
          '规模': '1亿',
          '风险等级': 'R2'
        },
        {
          '产品名称': '招商财富资产理财产品',
          '产品类型': '固定收益',
          '期限': '3个月',
          '规模': '1亿',
          '风险等级': 'R2'
        },
        {
          '产品名称': '招商财富资产理财产品',
          '产品类型': '固定收益',
          '期限': '3个月',
          '规模': '1亿',
          '风险等级': 'R2'
        },
        {
          '产品名称': '招商财富资产理财产品',
          '产品类型': '固定收益',
          '期限': '3个月',
          '规模': '1亿',
          '风险等级': 'R2'
        }
      ];
      var $tpl = $('#template1').html();
      $('#tbody').html(Mustache.render($tpl, {result: data}));
    }
  };

  pageApp.init();
});